<template>
  <ph-view>
    <ph-tab>
      <ph-tab-panel title="基本demo">
        <ph-blockquote type="primary">primary</ph-blockquote>
        <ph-blockquote type="success"
          >阿死了都快减肥撒懒得看阿死掉了飞机撒到了<a>副科级阿死了</a>大家发送大量开发阿死里打飞机撒代理反馈阿死掉了飞机撒的看法</ph-blockquote
        >
        <ph-blockquote type="warning">warning</ph-blockquote>
        <ph-blockquote type="danger">danger</ph-blockquote>
        <ph-blockquote>danger</ph-blockquote>
        <ph-pretty>{{ demo }}</ph-pretty>
      </ph-tab-panel>
      <ph-tab-panel title="基本介绍">
        <ph-pretty>{{ basicUsage }}</ph-pretty>
      </ph-tab-panel>
    </ph-tab>
  </ph-view>
</template>
<script lang="ts">
import { defineComponent } from "vue";
import { PhBlockquote, PhTabPanel, PhTab, PhView } from "@/index";
import * as Data from "../data/blockquote";
export default defineComponent({
  components: { PhBlockquote, PhTabPanel, PhTab, PhView },
  setup() {
    return { ...Data };
  },
});
</script>
